<script setup>
</script>

<template>
  <div class="bg">
    <div class="container">
      <el-menu
          default-active="/home/freshman/admissionNotice"
          class="el-menu-demo"
          mode="horizontal"
          :router="true"
      >
        <el-menu-item index="/home">首页</el-menu-item>
        <el-menu-item index="/home/freshman/admissionNotice">入学须知</el-menu-item>
        <el-menu-item index="/home/freshman/stream">报道流程</el-menu-item>
        <el-menu-item index="/home/freshman/map">位置查找</el-menu-item>
        <el-menu-item index="/home/freshman/profile">个人中心</el-menu-item>
        <el-menu-item>
          <el-dropdown :hide-on-click="false">
              <span class="el-dropdown-link">
                <el-avatar
                    src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
                />
              </span>
            <template #dropdown>
              <el-dropdown-menu>
                <el-menu-item  index="/home">退出</el-menu-item>
              </el-dropdown-menu>
            </template>
          </el-dropdown>
        </el-menu-item>
      </el-menu>
    </div>
  </div>
</template>
<style scoped>
.bg{
  font-size: 18px;
}
.el-menu--horizontal>.el-menu-item{
  font-size: 18px;
  margin-left: 100px;
  color: white;
}
.el-menu{
  background-color: #9b0d14;
}
</style>